<template>
  <div>
    <Header></Header>
    <section>
      <RouterLeft></RouterLeft>
      <div>
        <RouterTop></RouterTop>
        <div>
          <p>{{msg}}</p>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
  import RouterLeft from '@/template/router_left.vue'
  import RouterTop from '@/template/router_top.vue'
  import Header from '@/template/common_header.vue'
  export default {
    name: 'index1',
    components: {
      RouterLeft,
      RouterTop,
      Header
    },
    data () {
      return {
        msg: this.$route.params.ids,
        list: []
      }
    },
    mounted: function() {

    },
    methods: {

    }
  }
</script>

<style>
  section{
    display: flex;
  }
  #routers_left{
    height:100%;
  }
</style>
